|
Velocity is a cross-platform JavaScript library designed to simplify the client-side scripting of website animation.〔http://davidwalsh.name/intro-javascript-animation〕 Velocity is free, open-source software licensed under the MIT License.〔https://github.com/julianshapiro/velocity/blob/master/LICENSE.md〕 It is the most popular open source web animation engine.〔http://www.forbes.com/sites/alextaub/2015/06/18/major-contributor-to-open-source-technologies-julian-shapiro-pulls-back-the-curtains-on-saas-usage/〕 Velocity's syntax is designed to make it easier to create complex animations for HTML and SVG elements.〔http://www.studiowolf.com/blog/velocity-js-for-designers/〕 In addition to its workflow benefits, Velocity provides animation performance that is competitive with CSS-based animation.〔http://davidwalsh.name/css-js-animation〕 Velocity achieves its performance by maintaining an internal cache of animation states and minimizing "layout thrashing," the undesirable behavior that web browsers undergo when visually updating at a fast rate.〔http://davidwalsh.name/css-js-animation〕 Altogether, its workflow and performance benefits allow Velocity to be used for sophisticated animation programming that can be integrated into both web and mobile applications.〔http://www.creativebloq.com/web-design/use-velocity-add-animations-6151528〕 Its broad browser and device support make it ideal for large enterprise distributions that must support low-powered devices.〔http://www.sitepoint.com/incredibly-fast-ui-animation-using-velocity-js/〕 Velocity is used to power the user interfaces of many notable websites, including those of Uber, Samsung, WhatsApp, Tumblr, HTC, Mazda, and Microsoft Windows.〔http://libscore.com/#$.Velocity〕 It is one of the most favorited projects on the code hosting service GitHub.〔https://github.com/search?p=19&q=stars%3A%3E1&s=stars&type=Repositories〕 In 2015, Velocity was nominated for ''Open Source Project of the Year'' by The Net Awards.〔https://thenetawards.com/vote/open-source/velocity-js/〕 ==Features== Velocity's features include:〔http://davidwalsh.name/intro-javascript-animation〕 * Browser window and element scrolling * Independence from the jQuery framework〔http://www.smashingmagazine.com/2014/09/04/animating-without-jquery/〕 * Animation reversal (the ability to undo the previous animation) and animation looping * SVG element animation〔http://davidwalsh.name/svg-animation〕 * RGB and hex color animation * CSS's ''transform'' property animation * Pre-created animation effects via Velocity's ''UI Pack''〔http://www.webdesignermag.co.uk/use-velocity-js-to-apply-slick-app-like-motion-effects/〕 * Physics-based motion via the ''spring'' easing type * Promises integration 抄文引用元・出典: フリー百科事典『 ウィキペディア（Wikipedia）』 ■ウィキペディアで「Velocity (JavaScript library)」の詳細全文を読む スポンサード リンク
|